<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-control" content="public" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!--avoid number to change in click to call for blackberry and iphone-->
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="x-rim-auto-match" content="none" />

<?php echo $this->headTitle(); ?>

<link href="<?php echo $this->CSS_PATH; ?>style.css" rel="stylesheet" />

<!-- Script -->
<script src="<?php echo $this->JS_PATH; ?>jquery-1.8.0.min.js"></script>
<script src="<?php echo $this->JS_PATH; ?>custom.js"></script>

<!-- Content Loader -->
<!--[if !(IE 8)]><!-->
	<script src="<?php echo $this->JS_PATH; ?>preloader.js"></script>
<!--<![endif]-->

<!--[if lte IE 7]>    
	<link rel="stylesheet" type="text/css" href="<?php echo $this->CSS_PATH; ?>ie7.css" />
<![endif]-->
<!--[if lte IE 8]>    
   <link rel="stylesheet" type="text/css" href="<?php echo $this->CSS_PATH; ?>ie8.css" />
<![endif]-->

<!-- Mediaquery -->
<link rel="stylesheet" type="text/css" href="<?php echo $this->CSS_PATH; ?>mediaquery.css" media="all" />

<?php  echo $this->headLink(); ?>
<script>
	var BASE_PATH = '<?php echo BASE_PATH; ?>';
	var SITE_URL = '<?php echo $this->BASE_URL . ""; ?>';
</script>

</head>

<body>

    <div id="preloader">
        <div id="loadingbar"><img src="<?php echo $this->IMAGE_KHT_PATH; ?>logo.png" alt="Preload Logo" ></div>
        <div id="loadingtext">Khotoot Is A Digital Graphic Design Company</div>
    </div>
    
	<div class="cloud"></div>
	<div class="trans_back">
  		<div id="wrapper" class="homepage">
            <div class="globe"><img src="<?php echo $this->IMAGE_KHT_PATH; ?>home_globe.png" alt="" /></div>
            <div id="header">
            	<div class="logo"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'index', 'action' => 'index'), null, TRUE); ?>"><img src="<?php echo $this->IMAGE_KHT_PATH; ?>logo.png" alt="Khotoot" /></a></div>
                <div class="tagline">
                	<span class="brlliant">Br &nbsp;lliant</span>
                    <span class="ideas"><span class="i">i</span>deas</span>
                </div>
            </div>
            <!-- End Header -->
            
            <div id="menu" class="main_menu">
                <ul>
                	<li class="about_us"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'aboutus', 'action' => 'index'), null, TRUE); ?>"><span>About Us</span></a></li>
                    <li class="work"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'work', 'action' => 'index'), null, TRUE); ?>"><span>How We Work</span></a></li>
                    <li class="services"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'services', 'action' => 'index'), null, TRUE); ?>"><span>Services</span></a></li>
                    <li class="profile"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'profile', 'action' => 'index'), null, TRUE); ?>"><span>Profile</span></a></li>
                    <li class="contact_us"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'contactus', 'action' => 'index'), null, TRUE); ?>"><span>Contact Us</span></a></li>
                    <li class="blog"><a href="<?php echo $this->url(array('module' => 'default', 'controller' => 'blog', 'action' => 'index'), null, TRUE); ?>"><span>Blog</span></a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <!-- End Main Menu -->
            
            <div class="respo_menu">
                <ul>
                	<li class="about_us">
                    	<a href="about_us.html">
                        	<img src="<?php echo $this->IMAGE_KHT_PATH; ?>about_us.png" alt="About Us" />
                        	<span>About Us</span>
                        </a>
                    </li>
                    <li class="work">
                    	<a href="work.html">
	                        <img src="<?php echo $this->IMAGE_KHT_PATH; ?>how_we_work.png" alt="How we work" />
                        	<span>How We Work</span>
                        </a>
                    </li>
                    <li class="services">
                    	<a href="services.html">
                        	<img src="<?php echo $this->IMAGE_KHT_PATH; ?>services.png" alt="Services" />
                        	<span>Services</span>
                        </a>
                    </li>
                    <li class="profile">
                    	<a href="profile.html">
                        	<img src="<?php echo $this->IMAGE_KHT_PATH; ?>profile.png" alt="Profile" />
                        	<span>Profile</span>
                        </a>
                    </li>
                    <li class="contact_us">
                    	<a href="contact_us.html">
                        	<img src="<?php echo $this->IMAGE_KHT_PATH; ?>contact_us.png" alt="Contact Us" />
                        	<span>Contact Us</span>
                        </a>
                    </li>
                    <li class="blog">
                    	<a href="http://khotoot-blog.com/">
                        	<img src="<?php echo $this->IMAGE_KHT_PATH; ?>blog.png" alt="Blog" />
                        	<span>Blog</span>
                        </a>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <!-- End Main Menu -->
            
            
            <div id="footer">
            	<div class="footer_text">
                	<span>Your</span>
                    DESIGN COMPANY
                </div>
                <div class="footer_content">
                	<div class="copy_text"><p>copyright@khotoot.com</p></div>
                    <div class="social_nav">
                    	<ul>
                        	<li class="twitter"><a href="#">Twitter</a></li>
                            <li class="facebook"><a href="#">Facebook</a></li>
                            <li class="in"><a href="#">In</a></li>
                            <li class="you_tube"><a href="#">You Tube</a></li>
                            <li class="rss"><a href="#">Rss</a></li>
						</ul>    
                        <div class="clear"></div>                
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- End Footer -->
	
      </div>
	</div>        
    <?php echo $this->headScript(); ?>
</body>
</html>